<!DOCTYPE html>
<html lang="zh_CN" xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout">

<head>
    <title th:text="${pageTitle}"></title>
    <div data-th-replace="layout/head-top"></div>
</head>
<body>
<input type="hidden" id="type" th:value="${type}">
<input type="hidden" id="id" th:value="${id}">
<div class="ibox-content m-t m-l m-r unBorder">
    <div class="text-center">
        <h4><strong>请选择对应不同身份进入</strong></h4>
    </div>
    <div class="m-t-lg">
        <div class="row"></div>
        <div class="m-t-lg">
            <div class="row">
                <div class="col-sm-10">
                    <span class="fs16">
                        <i class="fa fa-user-secret"></i>
                        我是讲师
                        <br>
                        <small class="fs12 c-999 m-l">
                            同一个直播间只支持一名主讲师，其他以助教的角色进入
                        </small>
                    </span>、
                </div>
                <div class="col-sm-2 btn-group">
                    <button
                            data-toggle="dropdown"
                            class="btn btn-block btn-outline btn-primary dropdown-toggle"
                            aria-expanded="false">进入直播 <span class="caret"></span>
                    </button>
                    <ul class="dropdown-menu dropdown-menu-right">
                        <li><a href="javascript:;" id="theTeacherLiveClient">客戶端进入<br/>(windows系统)</a></li>
                        <li class="divider"></li>
                        <li><a href="javascript:;" id="theTeacherLiveWebPage">PC网页进入<br/>(Mac/windows系统)</a></li>
                    </ul>
                </div>
            </div>
            <div class="row m-t">
                <div class="col-sm-10">
                    <span class="fs16">
                        <i class="fa fa-user-md"></i>
                        我是助教
                        <br>
                        <small class="fs12 c-999 m-l">
                            使用网页或客户端登录，在直播中对观看，进行管理和辅助工作等。
                        </small>
                    </span>
                </div>
                <div class="col-sm-2 btn-group">
                    <button
                            data-toggle="dropdown"
                            class="btn btn-block btn-outline btn-primary dropdown-toggle"
                            aria-expanded="false">进入直播 <span class="caret"></span>
                    </button>
                    <ul class="dropdown-menu dropdown-menu-right">
                        <li><a href="javascript:;" id="theTaLiveClient">客戶端进入<br/>(windows系统)</a></li>
                        <li class="divider"></li>
                        <li><a href="javascript:;" id="theTaLiveWebPage">PC网页进入<br/>(Mac/windows系统)</a></li>
                    </ul>
                </div>
            </div>
            <div class="row m-t">
                <div class="col-sm-10">
                    <span class="fs16">
                        <i class="fa fa-user"></i>
                        我是学员
                        <br>
                        <small class="fs12 c-999 m-l">
                            以普通观看者的身份进入直播间
                        </small>
                    </span>
                </div>
                <div class="col-sm-2 btn-group">
                    <button
                            data-toggle="dropdown"
                            class="btn btn-block btn-outline btn-primary dropdown-toggle"
                            aria-expanded="false">进入直播 <span class="caret"></span>
                    </button>
                    <ul class="dropdown-menu dropdown-menu-right">
                        <!--<li><a href="javascript:;" id="theHostLiveClient">客戶端进入<br/>(windows系统)</a></li>
                        <li class="divider"></li>-->
                        <li><a href="javascript:;" id="theHostLiveWebPage">PC网页进入<br/>(Mac/windows系统)</a></li>
                    </ul>
                </div>
            </div>
            <div class="m-t-lg">
                <hr>
                <div class="col-sm-12">
                    <div class="form-horizontal">
                        <div class="text-center m-t">
                            <h5>需要您下载客户端</h5>
                        </div>
                        <div class="form-group m-t-lg">
                            <div class="col-sm-6 text-center">
                                <span style="font-size: 52px;">
                                    <i class="fa fa-windows"></i>
                                </span>
                                <section style="margin-top: 28px;">
                                    <p>
                                        <span class="fs16">Windows端</span>
                                    </p>
                                    <a href="https://ftp.3ttech.cn/云中课堂.exe" id="teacherClientWindows"
                                       class="btn btn-outline btn-primary m-l">客户端下载</a>
                                </section>
                            </div>
                            <div class="col-sm-6 text-center">
                                <span style="font-size: 62px;">
                                    <i class="fa fa-apple"></i>
                                </span>
                                <section class="m-t">
                                    <p><span class="fs16">Mac端</span></p>
                                    <a id="teacherClientMac" class="btn btn-outline btn-default disabled m-l">正在开发</a>
                                </section>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<textarea id="openInputName" class="hide">
        <div class="m-t m-r m-l m-b" style="text-align: center"><input  placeholder=""  class="form-control" id="rejectedCause"></div>
        </textarea>
<form action="/admin/toLiveByLink/toLiveIframe" hidden id="toLiveIframe" target="_blank" method="post">
    <input type="hidden" name="url" id="url">
</form>
</body>
<div data-th-replace="layout/head-footer"></div>
<script type="text/javascript" th:src="@{{path}/admin/business/course/cloud/tt/livelink.js?v={v}(path=${staticPath},v=${v})}"></script>
<script type="text/javascript" th:src="@{{path}/admin/business/protocolcheck.js?v={v}(path=${staticPath},v=${v})}"></script>
</html>